<template>
  <!-- el-config-provider 默认id为app -->
  <el-config-provider  :button="buttonConfig">
    <!-- 当 router-view 被解析的时候就会触发 router.beforeEach -->
    <router-view />
  </el-config-provider>
</template>

<script setup lang="ts" name="App">
import { onMounted, reactive } from "vue";
import { useGlobalStore } from "@/stores/modules/global";
import { useTheme } from "@/hooks/useTheme";
const globalStore = useGlobalStore();
// init theme
const { initTheme } = useTheme();
initTheme();


// element button config，按钮之间的间隔
const buttonConfig = reactive({ autoInsertSpace: false });
</script>
<style lang="scss">
:root {
    --el-color-primary: #009688;
}
.el-button--primary {
    --el-button-font-color: #ffffff;
    --el-button-background-color: #15ae6d;
    --el-button-border-color: #15ae6d;
    --el-button-hover-color: #15ae6d;
    --el-button-active-font-color: #e6e6e6;
    --el-button-active-background-color: #15ae6d;
    --el-button-active-border-color: #15ae6d;
}
</style>